<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-md-12">
        <ol class="breadcrumb">
            <li><a>主页</a></li>
            <li><a>代理商管理</a></li>
            <li class="active"><strong>app活动菜单入口</strong></li>
        </ol>
    </div>
</div>
<!-- 主要内容 -->
<div class="wrapper wrapper-content animated fadeIn" ng-app ng-controller="appMenuQueryCtrl">
    <form class="form-horizontal" id="form1">
        <div class="row">
            <div class="col-lg-12">
                <div class="">
                    <div class="panel-body ibox float-e-margins">
                        <div class="ibox-title">
                            <div class="ibox-content">
                                <div class="ibox-title">
                                    <h5>APP首页活动菜单入口管理列表</h5>
                                </div>
                                <div class="form-group">
                                    <div class="gridStyle" ui-grid="userGrid" ui-grid-selection ui-grid-pagination
                                         ui-grid-resize-columns ui-grid-pinning></div>
                                    <div ng-show="loadImg" class="timg"></div>
                                </div>
                            </div>
                        </div>
                        <div style="height:30px"></div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div id="appModal" class="modal fade form-horizontal" tabindex="4" role="dialog">
        <div class="modal-dialog" style="height:450px;width: 900px">
            <div class="modal-content" >
                <form class="form-horizontal" name="horizontalCard" novalidate>
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h3 class="modal-title">修改配置</h3>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">APP名称:</label>
                            <div class="col-sm-3" style="margin-top: 7px;">
                                {{addInfo.appName}}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="red_req">*</i>菜单名称:</label>
                            <div class="col-sm-3">
                                <input type="text" class="form-control" name="btnName" required ng-disabled="isDetail" placeholder="不超过10个字" ng-model="addInfo.btnName" maxlength="10">
                                <div class="req_mesg" ng-show="horizontalCard.btnName.$dirty && horizontalCard.btnName.$invalid">
                                    <span ng-show="horizontalCard.btnName.$error.required">菜单名称不能为空</span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="red_req">*</i>菜单图标:</label>
                            <div class="col-img" ng-if="addInfo.btnIcon!=null&&addInfo.btnIcon!=''" >
                                <a href="{{addInfo.btnIcon}}" fancybox rel="group">
                                    <img width="250px" height="150px" ng-src="{{addInfo.btnIcon}}"/>
                                </a>
                            </div>
                        </div>
                        <div class="form-group" ng-show="!isDetail">
                            <label class="col-sm-2 control-label"></label>
                            <div class="col-lg-7">
                                <input type="file" nv-file-select="" uploader="uploaderImg"   multiple  />
                                <label style="color:red; float:right;">注:仅支持上传500KB以内的图片</label>
                                <table class="table">
                                    <tbody>
                                    <tr ng-repeat="item in uploaderImg.queue">
                                        <td>
                                            <div ng-show="uploaderImg.isHTML5" ng-thumb="{ file: item._file, height: 100 }"></div>
                                        </td>
                                        <td nowrap>
                                            <button type="button" class="btn btn-danger btn-xs" ng-click="item.remove()">
                                                <span class="glyphicon glyphicon-trash"></span> 删除
                                            </button>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="red_req">*</i>菜单开启时间:</label>
                            <div class="col-sm-6">
                                <input id="d5231" class="form-control" type="datetime" ng-model="addInfo.startTime" onchange=""  ng-disabled="isDetail" style="width:auto;display:inline-block;"
                                       onFocus="var d5232=$dp.$('d5232');WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',onpicked:function(){d5232.focus();},maxDate:'#F{$dp.$D(\'d5232\')}'})"/>
                                ~
                                <input id="d5232" class="form-control" type="datetime"  ng-model="addInfo.endTime" onchange="" ng-disabled="isDetail" style="width:auto;display:inline-block;"
                                       onFocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'d5231\')}'})"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="red_req">*</i>链接地址:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="btnLink" required ng-disabled="isDetail" placeholder="请输入链接地址" ng-model="addInfo.btnLink">
                                <div class="req_mesg" ng-show="horizontalCard.btnLink.$dirty && horizontalCard.btnLink.$invalid">
                                    <span ng-show="horizontalCard.btnLink.$error.required">链接地址不能为空</span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><i class="red_req">*</i>跳转带参数：</label>
                            <div class="col-sm-10 checkbox">
                                <label ng-repeat="x in isWithParamList"><input type="radio" ng-model="addInfo.isWithParam" ng-disabled="isDetail" value="{{x.value}}" name="isWithParam" />{{x.text}}</label>
                                <span style="margin-left: 60px;color: #999999">
						            注：仅支持平台自建的跳转链接，不支持第三方链接
					            </span>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="form-group control-label">
                            <label class="col-sm-1 control-label"></label>
                            <div class="col-sm-6">
                                <button ng-show="!isDetail" class="btn btn-primary btn-mr20" ng-disabled="horizontalCard.$invalid || submitting" type="button" ng-click='saveInfo()' >确定</button>
                                <button class="btn btn-primary4" type="button" ng-click='modalcancel()'
                                >返回</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>

